<script setup lang="ts">
import Sider from "./common/Sider.vue";
import Head from "./common/Head.vue";
import {useRouter} from "vue-router";

let router=useRouter();

</script>

<template>


    <el-container >

        <el-header style="margin: 0;padding: 0"><Head/></el-header>
      <el-container  >
      <el-aside width="200px"  id="us_cc"><Sider/></el-aside>
        <el-container>
      <el-main id="us_cc"><router-view/></el-main>
      <el-footer></el-footer>
        </el-container>
    </el-container>
    </el-container>
</template>

<style scoped>


.el-container{
  height: 100vh;
  background-color:aliceblue;
  overflow: auto;
}
.el-container::-webkit-scrollbar {
  width: 1px;
  height: 2px;
}

.el-container::-webkit-scrollbar-button {
  background-color: #ffffff;
}

.el-container::-webkit-scrollbar-track-piece {
  background: #ffffff;
}

.el-container::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 1px;
}
.sider{
  height: 100%;
  background-color:aliceblue;
  overflow-y:hidden;
  overflow-x:hidden;
}


.el-footer{

  height: 50px;
}
</style>